<template>
  <div class="Mybig">
    <div style="width:100% ; height: 80%;" >
      <van-image
  width="100%"
  height="100%"
  :src="require('../assets/2c300bc6235a96fdb060c3a631b7f30.png')"
/>
    </div>
    <div style=" width: 100%;  margin-top: 10px;">
      <van-image
      @click="tichudenglu"
  width="90%"
  height="100%"
  :src="require('../assets/74ec69d8597a0390956c9590d180d2b.png')"
/>
    </div>
      <!-- 底部栏 -->
      <div class="shoubom">
      <!-- 首页 -->
      <div class="shoubomone">
        <van-image
  width="50px"
  height="50px"
  :src="require('../assets/331b986c42695e2c352558634dc0a8a.png')"
  @click="oneshouye"
/>
      </div>
      <!-- 政府 -->
      <div class="shoubomone">
        <van-image
  width="50px"
  height="50px"
  :src="require('../assets/40c6fc5740c03ee35c2d1402565766b.png')"
  @click="twozhengfu"
/>

      </div>
      <!-- 企业 -->
      <div class="shoubomone">
        <van-image
  width="50px"
  height="50px"
  :src="require('../assets/aa2f8eda49c8c125f92b2860095045b.png')"
  @click="threeqiyefuwu"
/>
      </div>
      <!-- 人才 -->
      <div class="shoubomone">
        <van-image
  width="50px"
  height="50px"
  :src="require('../assets/4ed1dffe89465dfb99f7f2bea8841b4.png')"
  @click="fourpepo"
/>
      </div>
      <!-- 我的 -->
      <div class="shoubomone" >
        <van-image
  width="50px"
  height="50px"
  :src="require('../assets/d07ef2fa1a4dd93160cc9aa6a2dca00.png')"
  @click="fivemy"
/>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: '',
  data () {
    return {}
  },
  methods: {
    oneshouye () {
      this.$router.push('/shouye')
    },
    twozhengfu () {
      this.$router.push('/zhengfu')
    },
    threeqiyefuwu () {
      this.$router.push('/qiyefuwu')
    },
    fourpepo () {
      this.$router.push('/pepo')
    },
    fivemy () {
      this.$router.push('/wode')
    },
    tichudenglu () {
      this.$router.push('/')
    }
  }
}
</script>
<style lang="less">
*{
  margin: 0;
  padding: 0;
  border-top:1px solid transparent

}
.Mybig{
  position:relative;
  width:100%;
 height: 100vh;
  .shoubom{
  display: flex;
  margin-top: 50px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color:#29a8e3;
  bottom: 0;
  position:fixed;

.shoubomone{
  margin: 0 10px 0 0;
  width: 60px;
  color: 60px;
// background-color: pink;
}
}

}
</style>
